    <div id="footer">
      <p>@2014 Azure Team</p>
    </div>
  </div>


  <!-- JQuery -->
  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jssor.core.js"></script>
  <script type="text/javascript" src="js/jssor.utils.js"></script>
  <script type="text/javascript" src="js/jssor.slider.js"></script>
  <script type="text/javascript" src="js/moment.js"></script>
  <script type="text/javascript" src="js/init.js"></script>
  <script type="text/javascript" src="js/polyfills.js"></script>
  <script type="text/javascript" src="js/classie.js"></script>
  <script type="text/javascript" src="js/classie.js"></script>
  <script type="text/javascript" src="js/jquery.inview.js"></script>

  <script type="text/javascript" src="js/jquery.wheelmenu.js"></script>
  <script src="js/modernizr-2.6.2.min.js"></script>
  <script src="js/modernizr.custom.js"></script>
  <script src="js/grid.js"></script>

  <script>
    var buttons7Click = Array.prototype.slice.call( document.querySelectorAll( '#btn-click button' ) ),
      buttons9Click = Array.prototype.slice.call( document.querySelectorAll( 'button.btn-8g' ) ),
      totalButtons7Click = buttons7Click.length,
      totalButtons9Click = buttons9Click.length;

    buttons7Click.forEach( function( el, i ) { el.addEventListener( 'click', activate, false ); } );
    buttons9Click.forEach( function( el, i ) { el.addEventListener( 'click', activate, false ); } );

    function activate() {
      var self = this, activatedClass = 'btn-activated';

      if( classie.has( this, 'btn-7h' ) ) {
        // if it is the first of the two btn-7h then activatedClass = 'btn-error';
        // if it is the second then activatedClass = 'btn-success'
        activatedClass = buttons7Click.indexOf( this ) === totalButtons7Click-2 ? 'btn-error' : 'btn-success';
      }
      else if( classie.has( this, 'btn-8g' ) ) {
        // if it is the first of the two btn-8g then activatedClass = 'btn-success3d';
        // if it is the second then activatedClass = 'btn-error3d'
        activatedClass = buttons9Click.indexOf( this ) === totalButtons9Click-2 ? 'btn-success3d' : 'btn-error3d';
      }

      if( !classie.has( this, activatedClass ) ) {
        classie.add( this, activatedClass );
        setTimeout( function() { classie.remove( self, activatedClass ) }, 1000 );
      }
    }
  </script>
  
</body>
</html>

<script>
  $(document).ready(function() {
    Grid.init();
    $('#header-menu').attr('data-offset-top', $(window).height());

    $(".wheel-button").wheelmenu({
      trigger: "click",
      animation: "fly",
      angle: "NW"
    });

    // $( ".component-placer" ).draggable({
    //     stop: function(event, ui) {
    //         // event.toElement is the element that was responsible
    //         // for triggering this event. The handle, in case of a draggable.
    //         $( event.toElement ).one('click', function(e){ 
    //           e.stopImmediatePropagation();
    //           e.preventDefault();
    //         });
    //     }
    // });
  });
</script>